<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>确认订单-华为商城</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/zxy/headAndFoot.css" />
		<link rel="stylesheet" href="css/gzh/OrderConfirm.css" />
		<script src="lib/jquery-3.3.1.min.js"></script>
		<script src="lib/bootstrap.min.js"></script>
		<script src="lib/vue.js"></script>	
		<script src="js/zxy/headAndFoot/headAndFoot.js"></script>
		<style type="text/css">
			ul{
				-webkit-padding-start: 0px;
			}
			#page{
				background: white;
			}
			#pageContent{
				background: white;
			}
		</style>
	</head>
	<body class="order">
		<div id="all">
			<div id="head">
				<div id="headBox">
					<div id="headTop">
						<ul id="topLeft">
							<li class="topLeftLi"><a href="#">首页</a></li>
							<li class="topLeftLi"><a href="#">华为官网</a></li>
							<li class="topLeftLi"><a href="#">荣耀官网</a></li>
							<li class="topLeftLi"><a href="#">花粉俱乐部</a></li>
							<li class="topLeftLi"><a href="#">帮助中心</a></li>
							<li class="topLeftLi"><a href="#">V 码 (优购码)</a></li>
							<li class="topLeftLi"><a href="#">首企业购页</a></li>
							<li class="topLeftLi"><a href="#">Select Region</a></li>
							<li class="topLeftLi" id="qrcode"><a href="#">下载 APP<span class="caret"></span></a>
								<div >
									<img src="img/zxy/headAndFoot/qrcode.png"/>
									<p>扫一扫，下载客户端</p>
								</div>
							</li>
							<li class="topLeftLi" id="more"><a href="#">更多精彩<span class="caret"></span></a>
								<ul >
									<div><a href="#">EMUI</a></div>
									<div><a href="#">应用市场</a></div>
									<div><a href="#">华为终端云空间</a></div>
									<div><a href="#">开发者联盟</a></div>
								</ul>
						   </li>
						</ul>
						<ul id="topRight">
							<li class="topRightLi">
								<div id="loged" v-if="ifLogin">
									<a href="#">userName</a>
									<div id="userDrop">
										<div id="userInfo">
											<div id="userLeft">
												<a href="#"><img src="img/zxy/headAndFoot/img_logged_in.png" width="90px" height="90px"/></a>
											</div>
											<div id="userRight">
												<p><a>userName</a></p>
												<a href="#" class="realName"><span></span>未实名</a>
												<a href="#" class="i-mail"><span></span>站内信</a>
											</div>
										</div>
										<div id="userOrder">
											我的订单
											<a href="#">更多 ></a>
										</div>
										<div id="orderList">
											<ul>
												<li><a href="#">待支付</a></li>
												<li><a href="#">待收货</a></li>
												<li><a href="#">待评价</a></li>
												<li><a href="#">退换货</a></li>
												<li><a href="#">旧机回收</a></li>
											</ul>
										</div>
										<div id="otherInfo">
											<div class="discount">
												<a href="#"><span class="img01"></span></a>
												<p class="points">积分</p>
												<span>0分</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img02"></span></a>
												<p class="points">优惠券</p>
												<span>0张</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img03"></span></a>
												<p class="points">代金券</p>
												<span>0.00元</span>
											</div>
										</div>
										<div id="logout"><a href="#">退出登录</a></div>
									</div>
								</div>
								<div id="unlogin" v-else>
									<a href="#">请登录</a>
									<a href="#">注册</a>
								</div>
							</li>
							<li class="topRightLi" id="myOrder">
								<a href="#">我的订单</a>
							</li>
							<li class="topRightLi" id="cartShop">
								<a href="#">
									<span class="cartImg"></span>
									购物车(<font id="cartShopNum">0</font>)
								</a>
								<div class="miniCart" id="emptyCart" v-if="ifEmpty">
									<img src="img/zxy/headAndFoot/空购物车.png" width="100px" height="100px"/>
									<p>您的购物车是空的，赶紧选购吧~</p>
								</div>
								<div class="miniCart" id="cartShopBox" v-else>
									<ul class="cartShopBoxUl">
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										
									</ul>
									<div id="minicartBalance">
										<p>
											<span>总计:</span>
											<font>¥ 15043.00</font>
										</p>
										<a href="#">立即结算</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div id="header" class="header">
						<div class="left">
							<div class="logo logo-word">
				                <a href="#" title="华为商城"><img src="img/gzh/20170703105852645577.png" alt="华为商城"></a>
				                <span>确认订单</span>
				            </div>
						</div>
						<div class="right">
							<div class="progress-area progress-area-3">
                            <!--我的购物车 -->
                            <div id="progress-cart" class="progress-sc-area hide">我的购物车</div>
                            <!--核对订单 -->
                            <div id="progress-confirm" class="progress-co-area " style="display: block;"></div>
                            <!--成功提交订单 -->
                            <div id="progress-submit" class="progress-sso-area hide">成功提交订单</div>
                        </div>
						</div>
					</div>
				</div>
			</div>
			<div id="page">
				<div class="layout order">
				<div id="pageContent">
					<div class="login-prompt" id="login-prompt">订单含付款减库存商品，支付完成才会为您预留库存！</div>
					<div class="hr-20" id="order-address-hr"></div>
					<div class="order-detail-area order-address" id="order-address-mod">
				        <div class="h">
				                        收货地址
				            <a id="upAddAddressButton" href="javascript:;" onclick="" class="address-add-btn" style="display: none;">新增收货地址</a>
				        </div>
				        <div class="order-address-list" id="order-address-list">
				            <ul class="clearfix">
				            	<li id="myAddress-59375738"  class="current">
				            		<div class="address-supplement hide">
				            			<a href="javascript:;" onclick="" class="address-add-btn">完善街道信息</a>
				            		</div>
				            		<span id="defaultAddress-59375738" class="address-status">默认地址</span>
				            		<div class="address-main" onclick="ec.order.myAddress.select(this);">
				            			<p class="clearfix"><b id="consignee-name-59375738">郭子辉</b>
				            				<span id="consignee-tel-59375738">18711380852</span>
				            			</p>
				            			<div class="address-detail" id="address-detail-59375738">北京&nbsp;北京&nbsp;东城区&nbsp;景山街道&nbsp;111</div>
				            		</div>
				            		<input type="hidden" id="needL4Addr" value="false">
				            		<input type="hidden" id="needModify" value="false">
				            		<input type="hidden" name="streetName" value="景山街道">
				            		<input type="hidden" name="myAddress" id="input-myAddress59375738" data-province="3510" data-city="6921" data-district="6922" data-id="59375738" value="59375738">
				            		<div class="address-sub"><a class="address-edit" href="javascript:;" onclick="ec.order.myAddress.edit(59375738)">编辑</a><a class="address-del" href="javascript:;" onclick="ec.order.myAddress.del(this,59375738)">删除</a><a id="setAddress-59375738" class="address-default hide" href="javascript:;" onclick="ec.order.myAddress.setDetault(59375738)">设为默认</a>
				            			
				            		</div>
				            	</li>
				            	<li id="address-empty">
				            		<div class="address-empty"><a href="javascript:;" class="address-add-btn" onclick="ec.order.myAddress.add()">新增收货地址</a>
				            			
				            		</div>
				            	</li>
				            </ul>
				        </div>
				        <div class="f">
				            <div id="address-more">
				            <a href="javascript:;" class="address-expand hide" style="display: none;">查看全部地址</a><!--收缩class="address-shrink"-->
				            <a href="javascript:;" class="address-shrink hide" style="display: none;">收起地址</a>
				            </div>
				        </div>
				           <input name="orderDistrict" id="order-district" type="hidden">
				    </div>
					<div class="hr-10"></div>
					<div class="order-detail-area">
     
				    <div class="order-detail clearfix" id="order-pro-list">
				    
				        <div class="order-list">
					        
				            <div class="order-list-detail">
				                <div class="order-main clearfix ">
				                    <a style="cursor:default" ahref="#" class="p-img" target="_blank">
				                        <img alt="华为畅享8e 3GB+32GB 全网通版（黑色）" src="img/gzh/142_142_1521789024901mp.jpg">
				                        
				                    </a>
				                    <ul class="">
				                        <li>
				                            <a style="cursor:default" ahref="#" class="p-name" title="华为畅享8e 3GB+32GB 全网通版（黑色）" target="_blank" seed="item-name">华为畅享8e 3GB+32GB 全网通版（黑色）</a>
					                        <input type="hidden" class="skuCodeQuanClass" value="1" id="2601010029601">
				                        </li>
				                        <li>x1</li>
				                        <li class="p-price">
				                                ¥&nbsp;999.00
				                        </li>
				                    </ul>
				                </div>
				                
				                
				                <div class="order-parts clearfix">
				                    <h2>配</h2>
				                        <ul>
				                            <li>
				                                <a style="cursor:default" ahref="#" class="p-img" target="_blank">
				                                    <img alt="" src="img/gzh/78_78_1530158025395mp.jpg">
				                                    
				                                </a>
				                                <a style="cursor:default" ahref="#" class="p-name" title="华为USB小风扇" target="_blank" seed="item-name">华为USB小风扇</a>
				                            </li>
				                            <li>x1</li><li></li>
				                        </ul>
				                        <ul>
				                            <li>
				                                <a style="cursor:default" ahref="#" class="p-img" target="_blank">
				                                    <img alt="" src="img/gzh/78_78_1487582724981mp.jpg">
				                                    
				                                </a>
				                                <a style="cursor:default" ahref="#" class="p-name" title="华为 AM116半入耳式耳机（白色）" target="_blank" seed="item-name">华为 AM116半入耳式耳机（白色）</a>
				                            </li>
				                            <li>x1</li><li></li>
				                        </ul>
				                        <ul>
				                            <li>
				                                <a style="cursor:default" ahref="#" class="p-img" target="_blank">
				                                    <img alt="" src="img/gzh/78_78_1529079341186mp.jpg">
				                                    
				                                </a>
				                                <a style="cursor:default" ahref="#" class="p-name" title="华为移动电源-黑色5000mAh" target="_blank" seed="item-name">华为移动电源-黑色5000mAh</a>
				                            </li>
				                            <li>x1</li><li></li>
				                        </ul>
				                </div>   
				            </div>
				               </div>
				        </div>
				        <div class="order-total"><!-- -订单结算-start -->
				          <!--TCS商品不展示快递方式-->
				            <div class="order-total-info">
				                 <p>商品由<span>华为商城</span>选择合作快递</p>
				            </div>
				            <div class="order-total-price">
				           		<div class="clearfix">
				           		<div class="order-price-detail">
					                <ul>
					                    <li><strong>商品总金额：</strong>
					                       <span>
						                                ¥<em id="order-cost-area" data-oldval=" 999.00">999.00</em>
					                       </span>
					                    </li>
					                    <li><strong>运费：</strong>
					                        <span>
					                               ¥<em id="order-deliveryCharge">0.00</em>
					                        </span>
					                    </li>
					                    
						                    <li><strong>优惠金额：</strong>
						                        <span>
						                            -¥<em>0.00</em>
						                        </span>
						                    </li>
						                    <li>
						                        <strong>结算金额：</strong>
						                        <span><b></b>
						              					<span><b>¥</b><b id="order-price-VMALL-HUAWEIDEVICE" data-oldval="999.00">999.00</b></span>
						                            
						                        </span>
						                    </li>
					                </ul>
					                
				                        
					                </div>
					            </div>
				               
				            </div>
				             
				        </div><!--订单结算-end-->
				    </div>
					<div class="hr-10"></div>
					<div class="order-detail-area clearfix">
				    <div class="order-submit"><!--订单提交-start -->
				    	<div class="order-submit-info">
					               <div class="order-submit-price">应付总额：<b>¥<span id="payableTotal">999.00</span></b></div>
				            
				            <div class="order-submit-integral">
				                <span id="isHidePoint"><em>可获得积分：<em id="canHavePoint">100</em></em></span>
				            </div>
				        </div>
				        
				        <div class="order-submit-address" id="peopleTelAddressID">
				            <ul>
				                <li>
				                    <label>配送至：</label>
				                    <p id="deliveryAddress"><span id="addressID">北京&nbsp;北京&nbsp;东城区&nbsp;景山街道&nbsp;111</span></p>
				                </li>
				                <li>
				                    <p><span id="peopleID">郭子辉</span><span id="telID">18711380852</span></p>
				                </li>
				            </ul>
				        </div>
				        
				        <div class="clearfix hide" id="no-delivery-address-tips" style="display: none;"><div class="report-errors"><span id="no-choose-address">未选择收货地址不可下单</span>，<a href="#" id="link-choose-address">点击选择</a></div></div>
				        
				         <div class="clearfix">
				            <a href="javascript:;" id="checkoutSubmit" onclick="ec.order.submit();" class="order-submit-btn" seed="checkout-submit"><span>提交订单</span></a>
				         </div>
				    </div><!-- -订单提交-end -->
				    <div class="hr-45"></div>
				</div>
				</div>
				</div>
			</div>

			<div id="foot">
				<div id="footBox">
					<div id="footTop">
						<div>
							<a href="#">
								<span class="slogan1"></span>
								<span>百强企业 品质保证</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan2"></span>
								<span>7 天退货 15 天换货</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan3"></span>
								<span>48 元起免运费</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan4"></span>
								<span>448 家维修网点 全国联保</span>
							</a>
						</div>
					</div>
					<div id="footMid">
						<div class="footList">
							<ul>
								<p>购物相关</p>
								<li>
									<a href="#">购物指南</a>
								</li>
								<li>
									<a href="#">配送方式</a>
								</li>
								<li>
									<a href="#">支付方式</a>
								</li>
								<li>
									<a href="#">常见问题</a>
								</li>
							</ul>
							<ul>
								<p>保修与退换货</p>
								<li>
									<a href="#">保修政策</a>
								</li>
								<li>
									<a href="#">退换货政策</a>
								</li>
								<li>
									<a href="#">退换货流程</a>
								</li>
								<li>
									<a href="#">保修状态查询</a>
								</li>
								<li>
									<a href="#">配件防伪查询</a>
								</li>
							</ul>
							<ul>
								<p>维修与技术支持</p>
								<li>
									<a href="#">售后网点</a>
								</li>
								<li>
									<a href="#">预约维修</a>
								</li>
								<li>
									<a href="#">手机寄修</a>
								</li>
								<li>
									<a href="#">备件价格查询</a>
								</li>
								<li>
									<a href="#">上门服务</a>
								</li>
							</ul>
							<ul>
								<p>关于我们</p>
								<li>
									<a href="#">公司介绍</a>
								</li>
								<li>
									<a href="#">华为商城简介</a>
								</li>
								<li>
									<a href="#">华为线下门店</a>
								</li>
								<li>
									<a href="#">荣耀线下门店</a>
								</li>
								<li>
									<a href="#">诚征英才</a>
								</li>
							</ul>
							<ul>
								<p>关注我们</p>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">腾讯微博</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
							</ul>
							<ul>
								<p>友情链接</p>
								<li>
									<a href="#">华为官网</a>
								</li>
								<li>
									<a href="#">华为商城手机版</a>
								</li>
								<li>
									<a href="#">荣耀官网</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
							</ul>

						</div>
						<div class="serviceTel">
							<p>400-088-6888</p>
							<span>24 小时客服热线（仅收市话费）</span>
							<a>
								<div>
									<font>在线客服</font>
								</div>
							</a>
						</div>
					</div>
					<div id="footBottom">
						<div id="copyright">
							<div id="copyrightLeft"><a href="#"><div></div></a></div>
							<div id="copyrightMid">
								<p><a>隐私声明</a> <a>服务协议</a> Copyright © 2012-2018 华为软件技术有限公司 版权所有 保留一切权利</p>
								<p>公安备案 苏公网安备 32011402010009 号 | 苏 ICP 备 17040376 号 - 6 | 增值电信业务经营许可证：苏 B2-20130048 号 |</p>
							</div>
							<div id="copyrightLogo">
								<a href="#"><img src="img/zxy/headAndFoot/copyright1.jpg"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright2.png"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright3.png"  width="70px" height="24px" /></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright4.png"  width="70px" height="24px" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		
		
	</body>
</html>